<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;line-height: 1.5}
hr {border: 0;border-top:1px solid #ccc;height:0;}
.wd1200{width:1200px;margin: 0 auto;}
p{margin:0;}

/*Ã¦Â»Å¡Ã¥Å&nbsp;Â¨*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

/*Ã¥Â¯Â¼Ã¨Ë†ÂªÃ¦Â&nbsp;ÂÃ¦Â&nbsp;Â·Ã¥Â¼Â*/
.nav{background-color:#3480ce;height:32px;}
.nav li{line-height:32px;height:32px;text-align:center;width:90px;float:left;position:relative;z-index:999;}
.nav li a{display:block;line-height:32px;color:#fff;height:32px;}
.nav li a:hover{color:#fff;text-decoration:none;background-color:#24588e;}

.nav .sec{height:0;background:#01557a;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:32px;left:0px;}
.nav .sec a{background:#01557a;color:#fff;height:38px;line-height:38px;width:90px;}
.nav .sec a:hover{background:#042d3f;text-decoration:none;}

/*Ã¥Â¤Â´Ã©Æ’Â¨Ã¦Â&nbsp;Â·Ã¥Â¼Â*/
#header{width:1000px;margin:0 auto;}
.logo{float:left;}

.topLink{float:right;text-align:right;position: relative;z-index: 9999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:32px;padding-top:5px;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";}

#menu{margin-top:5px;}

/*Ã§Æ’Â­Ã©â€”Â¨Ã¦ÂÅ“Ã§Â´Â¢*/

#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}


/*Ã¤Â¸Â»Ã¤Â½â€œÃ¦Â&nbsp;Â·Ã¥Â¼Â*/
#container{width:1000px;margin:0 auto;margin-top:10px;}
.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
/* .about{width:460px;float:left;margin-left:12px;padding-bottom:5px;}
.about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about .content{padding:5px;padding-bottom:12px;text-indent:20px;}
.navigation{float:right;width:100px;} */

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*Ã©Â¦â€“Ã©Â¡ÂµÃ¦â€“Â°Ã©â€”Â»*/
.news_company{width:280px;float:right;}
.news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.news_company .content{padding:5px;}

/*Ã©Â¦â€“Ã©Â¡ÂµÃ¥Â·Â¦Ã¤Â¾Â§Ã¨Ââ€Ã§Â³Â»Ã¦Ë†â€˜Ã¤Â»Â¬*/
.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

/*Ã¥Â·Â¥Ã§Â¨â€¹Ã¦Â¡Ë†Ã¤Â¾â€¹*/
.case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;}
.case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}

/*Ã¤ÂºÂ§Ã¥â€œÂÃ¦Å½Â¨Ã¨ÂÂ*/
.recommend_product{margin-top:10px;width:692px;float:left;}
.recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}

/*Ã¥â€œÂÃ§â€°Å’Ã¥Ë†â€”Ã¨Â¡Â¨*/
.brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.brand-list li{margin: 5px 8px;}
.brand-list li:hover{box-shadow: 2px 1px 5px;}
.brand-list li img {width: 150px;height: 120px;}

/*Ã¥â€°ÂÃ¥ÂÂ°Ã¥Â¤Å¡Ã©Â¡ÂµÃ§Â­Â¾*/
/* .news{width:1000px;float:left;margin-top: 10px;}
.tab{position:relative;}
.tab li{float:left;width:100px;height:30px;display:block;line-height:30px;border:1px solid #ccc;margin-right:8px;text-align:center;color:#333;font-size:12px;cursor: pointer;}
.tab li.cur{color:#fff;text-decoration:none;font-size:12px;background:#3a78c1;border-color: #3a78c1;} */

.tt{display: none;}
.list1{padding:8px 10px;}
.list1 li{line-height:27px;position:relative;vertical-align: middle;}
.list1 li a{background:url(../images/list_dot1.gif) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;}
.list1 li a:hover{color:#e87518;text-decoration:none;}
.list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;}




/*Ã¥Ââ€¹Ã¦Æ’â€¦Ã©â€œÂ¾Ã¦Å½Â¥*/
.f_link{width:1000px;margin:0 auto;margin-top:15px;line-height:30px;line-height:30px;background-color:#ececec;text-indent:20px;}



/*------------Ã¥â€&nbsp;â€¦Ã©Â¡Âµ-------------------*/
.left .box{margin-bottom:10px;}
.left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.left .box .content{padding:5px 0px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:1000px;margin:0 auto;}
.n_banner img{width:1000px;margin:0 auto}
.left{width:225px;float:left;}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:760px;float:right;padding-bottom:10px;}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url(../images/nav.png) no-repeat 0% 100%;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;font-size:14px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}




.fl{float: left;}
.fr{float: right;}
/* Ã¥â€¦Â³Ã¤ÂºÅ½Ã¦Ë†â€˜Ã¤Â»Â¬ */
.c1_index{
    position: relative;
    padding: 3.25% 0 3.25%;
    background: #fff;
    margin-top: 85px;
}
.abpic{
    float: left;
    padding:0;
}
.abpic img {
    max-width: 100%;
}

.c1_left{
    /* margin-top: 3%; */
    /*margin-left: 1%;*/
}
.c1_left h5{
    font-family: "Arial";
    font-size: 26px;
    line-height: 1.1;
    color: #202020;
    font-weight: 400;
}

.c1_left h3{
    color: #224794;
    font-size: 36px;
    font-weight: 400;
    margin-top: 2%;
}

.c1_left .abb_txt{
    padding: 5.34375% 0;
    color: #5a5a5a;
    font-size: 14px; 
    line-height: 2;
    width:90%;
}

.c1_left .abbmore{
    display: block;
    line-height: 50px;
    color: #264a96;
    font-size: 14px;
}

@media (max-width:768px){
    .c1_left h5{
        font-size: 20px;
    }
    .c1_left h3{
        font-size: 22px;
    }
}
@media (max-width: 1200px){
    .c1_left h5{
        font-size: 16px;
    }
    .c1_left h3{
        font-size: 18px;
    }
    .c1_left .abb_txt{
        overflow: hidden;
        padding: 0;
        font-size: 12px;
        line-height: 2;
        width: 100%;
    }
}
@media (max-width: 1366px){
    .c1_left h5{
        font-size: 20px;
    }
    .c1_left h3{
        font-size: 24px;
    }
    .c1_left .abb_txt{
        overflow: hidden;
        padding: 0;
        font-size: 14px;
        line-height: 2;
        width: 100%;
    }
}




.hotSearch a {
    margin-right: 6px;
}
/*#formsearch input {*/
/*    height: 20px;*/
/*    background: none;*/
/*    border: none;*/
/*    line-height: 20px;*/
/*    outline: none;*/
/*}*/
/*#formsearch input#keyword {*/
/*    height: 20px;*/
/*    line-height: 20px;*/
/*    color: #999;*/
/*    width: 140px;*/
/*    padding-left: 5px;*/
/*}*/
/*#formsearch input#s_btn {*/
/*    width: 30px;*/
/*    height: 20px;*/
/*    line-height: 20px;*/
/*    text-align: center;*/
/*    color: #fff;*/
/*    border: none;*/
/*    cursor: pointer;*/
/*    background: url(../images/btn.png) no-repeat 50% 50%;*/
/*}*/


.bannerr {
    position: relative;
}
.bannerr ul.ba {
    position: relative;
    padding: 0px;
    margin: 0px;
    z-index: 5;
    width: 100%;
    height: 100%;
}
.bannerr ul.ba li {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    background-size: cover;
}
.bannerr .numm {
    display: none;
}
.pre2 {
    width: 32px;
    height: 50px;
    position: absolute;
    left: 10%;
    top: 50%;
    margin-top: -25px;
    z-index: 999;
    cursor: pointer;
    display: none;
}
.next2 {
    width: 32px;
    height: 50px;
    position: absolute;
    right: 10%;
    top: 50%;
    margin-top: -25px;
    z-index: 999;
    cursor: pointer;
    display: none;
}
.banners {
    margin-top: 120px;
    width: 100%;
    height: 100%;
    position: relative;
}
.banners ul.bc {
    position: relative;
    padding: 0px;
    margin: 0px;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: url(../images/ys1.png);
    background-size: cover;
}
.banners ul.bc li {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
}
.banners ul.bc li div{
    position: absolute;
    width: 40%;
    top:150px;
    left:10%;
}

.banners ul.bc li div h3{
    font:bold 50px/2 "";
    color: #ffffff;
}
.banners ul.bc li div p{
    font:16px/2 "";
    color: #e9e9e9;
}
.banners ul.bc li div a{
    display: block;
    /*width: 130px;*/
    /*height: 40px;*/
    margin-top: 36px;
    /*text-align: center;*/
    /*font:18px/40px "";*/
    /*color: #111;*/
    /*border:1px solid #111;*/
    /*border-radius: 5px;*/

}

@media (max-width: 1200px){
    .banners ul.bc li div h3{
        font-size:35px;
    }
    .banners ul.bc li div p{
        max-height:60px;
        overflow:hidden;
    }
}





.banners .numbox {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
    height: 100%;
}
.banners .numbox:before {
    content: ".";
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    visibility: hidden;
}
.banners .numbox .numn {
    width: 394px;
    display: inline-block;
    vertical-align: middle;
}
.banners .numn li {
    font: 400 16px/60px "Microsoft Yahei";
    color: #fff;
}
.banners .numn li {
    *display: inline;
    _zoom: 1;
    _display: inline;
}
.banners .numn li.num_hover {
    background-color: rgba(38, 74, 150, .89);
}
.banners .numn li a {
    display: block;
    color: #fff;
    padding-left: 64px;
}
.banners .numn li.num_hover a {
    color: #fff;
    background: url(../images/list2.png) no-repeat 38px 50%;
}



/*Ã¥Â¹Â»Ã§ÂÂ¯Ã§â€°â€¡Ã¦Â&nbsp;Â·Ã¥Â¼Â2*/
.focus_box {
    max-width: 1400px;
    position: relative;
    margin: 0 auto;
    margin-top: 40px;
}
#focus {
    min-width: 1200px;
    height:290px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}
#focus ul {
    height: 286px;
    position: absolute;
    overflow: hidden;
}
#focus ul li {
    float: left;
    width: 90%;
    height: 387px;
    overflow: hidden;
    position: relative;
}
#focus ul li .img_z {
    float: left;
    width: 327px;
    margin: 0 9px;
    position: relative;
    _display: inline;
}

#focus ul li a img {
    width: 327px;
    height:217px;
}

#focus ul li h3 p {
    color: #e3e3e3;
    font: 400 14px/20px "Microsoft Yahei";
}
.btns {
    width: 1200px;
    margin: 0 auto;
    margin-top: 20px;
    text-align: center;
}
.btns span {
    display: inline-block;
    line-height: 14px;
    height: 14px;
    text-align: center;
    background: #a0a0a0;
    width: 14px;
    margin: 0 7px;
    *display: inline;
    zoom: 1;
    font: 100 23px/42px "Microsoft Yahei";
    color: #141414;
    border-radius: 7px;
    cursor: pointer;
}
.btns span.on {
    color: #fff;
    text-decoration: none;
    background: #014c90;
}
.focus_box .preNext {
    width: 38px;
    height: 64px;
    position: absolute;
    top:40%;
    margin-top: -31px;
    background: url(../images/pre.png) no-repeat 0 0;
    cursor: pointer;
    z-index: 9999;
}
.focus_box .pres {
    left:5%;
    background-position: left top;
}
.focus_box .nexts {
    right: 5%;
    background-position: right top;
    background: url(../images/right.png) no-repeat;
}
@media (max-width: 1024px){
    .focus_box{
        width:100%;
    }
    .focus_box .pres {
        left:0%;
    }
    .focus_box .nexts{
        right:0%;
    }
    #focus ul{
        width:100% !important;
    }

}

.c3_list{
    position: relative;
    padding: 2.125% 10%;
}

.c3_list li{
    margin: 0 6px;
    position: relative;
}

.c3_list li a{
    display: block;
}

.c3_list li a img{
    width: 100%;
    height: auto;
}


.c3_list .slick-prev,.c3_list .slick-next{
    position: absolute;
    top: 46%;
    outline: none;
    border: none;
    z-index: 9999;
    font-size: 0;
    width: 36px;
	height: 68px;
}

.c3_list .slick-prev{
   background: url(../images/pre.png) no-repeat center center;
   left:5%;
}

.c3_list .slick-next{
    background: url(../images/right.png) no-repeat center center;
    right:5%;
}

@media (max-width:1470px){
    .c3_list .slick-prev,.c3_list .slick-next{
         top: 40%;
    }
    .c3_list .slick-prev{
          left:6%;
    }
    .c3_list .slick-next{
        right:6%;
    }
}

@media (max-width:1200px){
    .c3_list .slick-prev,.c3_list .slick-next{
        display:none!important;
    }
}










@media (max-width: 1200px){
    /*#formsearch{*/
    /*    display:none;*/
    /*}*/
}
.celebbg .swiper-pagination3{
    width: 20% !important;
    margin:0 auto;
}

.nav2 li a {
    display: block;
    color: #0f0f0f;
    font: 400 18px/46px "Microsoft Yahei";
    background: url(../images/nav2.png) no-repeat 0 100%;
}
.nav2 li a:hover {
    color: #912b37;
}
.nav2 li .sec {
    padding-top: 10px;
}
.nav2 li .sec a {
    color: #666 !important;
    font: 400 14px/30px "Microsoft Yahei";
    background: url(../images/list2.jpg) no-repeat 0 50%;
    padding-left: 15px;
}
.nav2 li .sec a:hover {
    color: #912b37 !important;
    background: url(../images/list3.jpg) no-repeat 0 50%;
}
.nav3 li a {
    display: block;
    color: #fbfbfb !important;
    font: 400 16px/46px "Microsoft Yahei";
    text-align: center;
}
.nav3 li .sec {
    display: none;
}
.nav3 li .sec a {
    color: #6d6c71;
    font: 400 14px/30px "Microsoft Yahei";
}




</pre></body></html>